section{
    width:100vw;
    overflow: hidden;
    position: relative;
}
section li{
    margin:70px 0;
    padding:0 15px;
    position: relative;
}
section li>table tr{
    height:60px;
}
table{
    width:100%;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}
tbody{
    background-color: #F7F7F7;
}
th{
    font-weight: normal;
}
th,td{
    text-align: center;
    color: #333;
    font-size:14px;
}
section li>table tr>td:first-child{
    white-space: nowrap;
}
input{
    width:50px;
    text-align: center;
    outline: none;
    border: 1px solid #DDDDDD;
    color: #999;
    font-size:14px;
}
input[readonly]{
    border: none;
    background-color: transparent;
    color: #333;
}
section li>p{
    position: absolute;
    top:-40px;
    left:15px;
    display: inline-block;
    /*padding: 0 10px;*/
    width:94px;
    height:41px;
    border-radius: 4px 4px 0 0;
    border:1px solid #BFBFBF;
    text-align: center;
    line-height: 40px;
}
section li>p span{
    display: none;
}
section li>p select{
    display: none;
}
section li>p.active{
    width:120px;
}
section li>p span.active{
    color: #333;
    font-size:16px;
    display: inline-block;
}
section li>p select.active{
    display: block;
    position: absolute;
    width:100%;
    height:100%;
    border:none;
    left:0;
    top:0;
    right:0;
    background-color: transparent;
    padding-left:10px;
}
#btn{
    position: absolute;
    right:15px;
    top:15px;
}